<!DOCTYPE HTML>
<html xmlns:fb="http://www.facebook/com/2008/fbml" xml:lang="ko" lang="ko" dir="ltr">
<head>
<title>Galaxy Tab S! | Product</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="resource-type" content="document" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<!--[if IE]>
 <meta http-equiv="imagetoolbar" content="no" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="./css/tab_s.css" />
<script type="text/javascript" src="./js/jQuery.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/tab_s.js"></script>
</head>
<body class="gxt-product">
<!-- 갤럭시 탭 -->
<p class="skip"><a href="#gxt-content">본문 바로가기</a></p>
<div class="gxtWp">
	<div class="gxt-side">
		<h1 class="gxt-logo"><a href="./main.html"><img src="./images/logo_s.gif" alt="Samsung Galaxy Tab S" /></a></h1>
		<ul class="gxt-menu">
			<li class="active">
				<a href="./product_tab_s.html"><span class="product">Product</span></a>
				<ul>
					<li><a href="./product_tab_s.html"><img src="./images/menu_tab_s_off.gif" alt="Galaxy Tab S" /></a></li>
					<li><a href="./product_note_pro.html"><img src="./images/menu_note_pro_off.gif" alt="Galaxy Note Pro" /></a></li>
					<li><a href="./product_tab_pro.html"><img src="./images/menu_tab_pro_off.gif" alt="Galaxy Tab Pro" /></a></li>
					<li><a href="./product_note_10.html"><img src="./images/menu_note_10_off.gif" alt="Galaxy Note 10.1" /></a></li>
				</ul>
			</li>
			<li>
				<a href="./gift.html"><span class="gift">Gift</span></a>
			</li>
			<!-- 7-11 이전에 숨김 처리 -->
			<li>
				<a href="#" target="_blank" class="cinema"><span class="cinema">S아몰레드 시네마</span></a>
			</li>
			<!-- // 7-11 이전에 숨김 처리 -->
			<li>
				<a href="./event_list.html"><span class="event">Event</span></a>
			</li>
		</ul>
		<script type="text/javascript">
			// 메뉴 활성화 함수
			$('.gxt-menu ul a').activeMenu(0);
		</script>
	</div><!-- // gtx-side -->

	<div class="gxt-ct" id="gxt-content">
		<div class="gxt-product-detail">
			<div class="tab-button">
				<div class="feat-tab">
					<a href="#prod-content1"><img src="./images/tab_s/tab_1_off.gif" alt="S 아몰레드" /></a>
					<a href="#prod-content2"><img src="./images/tab_s/tab_2_off.gif" alt="Slim & Light" /></a>
					<a href="#prod-content3"><img src="./images/tab_s/tab_3_off.gif" alt="사용성" /></a>
					<div class="spec-btn">
						<button>Specification</button>
						<div class="specs">
							<a href="#prod-content4"><img src="./images/tab_s/tab_spec_1_off.gif" alt="Galaxy Tab S 10.5" /></a>
							<a href="#prod-content5"><img src="./images/tab_s/tab_spec_2_off.gif" alt="Galaxy Tab S 8.4" /></a>
						</div>
					</div>
				</div>
				<div class="media-tab">
					<a href="#pop_view" id="callMovLayer"><img src="./images/media_off.gif" alt="multimedia" /></a>
				</div>
			</div>

			<div class="feature-box tab-s">
				<div class="feat-cont">
					<div class="slider-product">
						<div id="prod-content1">
							<div class="s3-slide">
								<div class="slider">
									<p><strong class="hidden">S 아몰레드 (2500*1600 WQXGA) S 아몰레드로 눈에 보이는 자연색 그대로 선명하게</strong><img src="./images/tab_s/product_1_1.jpg" alt="90% 이상 풍부한 색 재현력과 깊은 명암비(Adobe RGB  색상 기준).&#13; 삼성 갤럭시 탭S는 2560 x 1600 WQXGA의 초고해상도 S 아몰레드 디스플레이를 탑재하여 LCD 대비 높은 색재현율과 100,000 : 1의 깊은 명암비로 눈에 보이는 자연 그대로 선명 하게 볼 수 있습니다." /></p>
									<p><strong class="hidden">언제 어디서나 당신에게 맞추는 S 아몰레드. 최적의 화질을 제공하는 Adaptive Display</strong><img src="./images/tab_s/product_1_2.jpg" alt="삼성 갤럭시 탭S는 Adaptive Display 기능을 이용하여 주변 밝기에 따라 휘도와 명암비를 변경 시킬 수 있어 야외에서도 선명한 화질로 볼 수 있고, 어두운 곳에서도 눈부심이나 눈의 피로감을 덜어 사용자들에게 더 편안하고 자연스러운 최적의 화질을 제공합니다." /></p>
								</div>
							</div>
						</div>
						<div id="prod-content2">
							<p><strong class="hidden">Slim하게, Light하게 디자인을 다시 보다</strong><img src="./images/tab_s/product_2.jpg" alt="6.6mm 얇은 두께, 465g 초경량 프리미엄 디자인.&#13; 한 눈에 시선을 끄는 펀칭 패턴 디자인. 삼성 갤럭시 탭S는 얇고 가벼운 디자인으로 언제 어디서든 휴대하여 즐길 수 있습니다.&#13; (갤럭시 탭S 10.5:465g / 갤럭시 탭S 8.4:294g)" /></p>
						</div>
						<div id="prod-content3">
							<p><strong class="hidden">더 쉽고 편리하게 사용성을 다시 보다</strong><img src="./images/tab_s/product_3.jpg" alt="언제 어디서나 쉽고 편리한 놀라운 사용성.&#13; 지문인식으로 간편하고 안전한 '멀티 유저 기능' 다양한 문서 작업이 가능한 '한컴 오피스' 'Remote PC', 'e-Meeting'으로 시간, 공간이 제약없는 사용성 환경을 직접 경험해보세요. (e-Meeting : Galaxy Essentials에서 다운로드 지원)" /></p>
						</div>
						<div id="prod-content4" class="tabs-img">
							<h2 class="title"><img src="./images/tab_s/product_4_t.gif" alt="Samsung Galaxy Tab S 10.5" /></h2>
							<img src="./images/tab_s/product_4.jpg" alt="Samsung Galaxy Tab S 10.5 Specification" />
							<p class="hidden">
								크기/무게: 247.3x177.3x6.6mm / 465g [WiFi]<br>
								Display: 10.5” Super AMOLED / WQXGA<br>
								색재현율: Adobe RGB 기준 90% 이상<br>
								명암비: 100,000:1<br>
								Adaptive Display: O<br>
								CPU: Adonis Prime / 1.9GHz Quadcore + 1.3GHz Quadcore<br>
								RAM: LPDDR3 3GB<br>
								카메라: 8MP FL + 2.1MP<br>
								WiFi: WI-Fi a/b/g/n/ac MIMO<br>
								색상: 티타늄브론즈, 다즐링화이트
							</p>
						</div>
						<div id="prod-content5" class="tabs-img">
							<h2 class="title"><img src="./images/tab_s/product_5_t.gif" alt="Samsung Galaxy Tab S 8.4" /></h2>
							<img src="./images/tab_s/product_5.jpg" alt="Samsung Galaxy Tab S 8.4 Specification" />
							<p class="hidden">
								크기/무게: 212.8x125.6x6.6mm / 294g<br>
								Display: 8.4” Super AMOLED / WQXGA<br>
								색재현율: Adobe RGB 기준 90% 이상<br>
								명암비: 100,000:1<br>
								Adaptive Display: O<br>
								CPU: Adonis Prime / 1.9GHz Quadcore + 1.3GHz Quadcore<br>
								RAM: LPDDR3 3GB<br>
								카메라: 8MP FL + 2.1MP<br>
								WiFi: WI-Fi a/b/g/n/ac MIMO<br>
								색상: 티타늄브론즈, 다즐링화이트
							</p>
						</div>
						<div id="pop_view" class="tab-s-movie" style="top:0;">
							<div class="cont">
								<h3 class="movie-title"><img src="./images/tab_s/title_mov_0.gif" alt="삼성 갤럭시 Tab S. 누구도 당신처럼 볼 수 없어요 편 영상" /></h3>
								<div class="details">
									<div id="video_wrap_big" class="video">
										<iframe width="570" height="340" frameborder="0" title="Samsung GALAXY Tab S youtube video" allowfullscreen="" src="" id="bigVideo"></iframe>
									</div>
								</div>
								<div class="mov-list scroll-bar">
									<a href="#"><img src="./images/tab_s/mov_1_on.jpg" alt="영상 1" /></a>
									<a href="#"><img src="./images/tab_s/mov_1_off.jpg" alt="영상 2" /></a>
									<a href="#"><img src="./images/tab_s/mov_1_off.jpg" alt="영상 3" /></a>
									<a href="#"><img src="./images/tab_s/mov_1_off.jpg" alt="영상 4" /></a>
									<a href="#"><img src="./images/tab_s/mov_1_off.jpg" alt="영상 5" /></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<script type="text/javascript">
			$(document).ready(function(){
				// youtube
				var youtubeID = 'Ej4qLobfDoM';

				// spec btn
				var specToggleFlag = false;
				var specToggle = function(num){
					$('.spec-btn .specs').slideToggle({
						duration: 300,
						done: function(){
							if (specToggleFlag == true){
								specToggleFlag = false;
							} else {
								specToggleFlag = true;
								productSlide.goToSlide(num);
								tabMenu.activeMenu(num);
							};
						}
					});
					console.log('a');
				};
				$('.spec-btn button').on('click', function(){
					slideCurrent = 3;
					specToggle(slideCurrent);
				});

				// tab menu
				var slideStart = 0;
				var slideCurrent;
				if(_UX_urlParameter('slideNum') > -1) {
					slideStart = _UX_urlParameter('slideNum');
				};

				var tabMenu = $('.feat-tab a, .media-tab a');
				var productSlide = $('.slider-product').bxSlider({
					mode:'fade', infiniteLoop:false, pager:false, controls:false,
					startSlide:slideStart,
					onSliderLoad: function(){
						if (slideStart == 3 || slideStart == 4) {
							$('.spec-btn .specs').show();
							specToggleFlag = true;
						}
					//	if (slideStart == 5) _UX_playMov(youtubeID);
						tabMenu.activeMenu(slideStart);
						tabMenu.on('click', function(){
							slideCurrent = tabMenu.index($(this));
							if (slideCurrent != 5) { _UX_closeMov(); };
							if (slideCurrent == 5) { _UX_playMov(youtubeID); movies.activeMenu(0); movieTitle(0);};
							
							if (specToggleFlag == true && slideCurrent < 3){ specToggle(); };
							if (specToggleFlag == true && slideCurrent ==5){ specToggle(); };

							productSlide.goToSlide(slideCurrent);
							tabMenu.activeMenu(slideCurrent);
							return false;
						});
					}
				});

				var s3Slide = $('.s3-slide .slider').bxSlider({
					mode:'fade', infiniteLoop:true, pager:true, controls:false, auto:true, pause:3000, autoStart:true, autoControls:true,
					onSliderLoad: function(){
						var bPlay = $('.s3-slide').find('.bx-controls-auto-item').eq(0);
						var bStop = $('.s3-slide').find('.bx-controls-auto-item').eq(1);
						bPlay.hide();
						bPlay.find('a').on('click', function(){bPlay.hide(); bStop.show();});
						bStop.find('a').on('click', function(){bStop.hide(); bPlay.show(); });
					}
				});

				var _UX_closeMov = function() {
					$('#bigVideo').attr('src','');
				};
				var _UX_playMov = function(id) {
					$('#bigVideo').attr('src','http://www.youtube.com/embed/' + id + '?controls=1&autoplay=1');
				};

				var movies = $('.mov-list a');
				var movieID = ['Ej4qLobfDoM', 'HkMNOlYcpHg', 'wcLNteez3c4', 'RzozKn_mmaQ', 'gmyarnRgsXM'];
				movies.on('click', function(i){
					var movieCurrent = movies.index($(this));
					_UX_playMov(movieID[movieCurrent]);
					movies.activeMenu(movieCurrent);
					movieTitle(movieCurrent);
					return false;
				});
				var movieTitle = function(num){
					$('.movie-title').find('img').attr('src', function(){
						return this.src.split('title_mov_')[0] + 'title_mov_' +  num  + '.gif';
					});
				};
			});

			$(window).load(function(){
				if(_UX_urlParameter('slideNum') == 5) {
					$('.mov-list a').eq(0).click();
				}
			});
			</script>
		</div>
	</div><!-- // gtx-ct -->
</div><!-- // gxtWp -->
<!-- //갤럭시 탭 -->
</body>
</html>